@import '../variable.scss';

// 循环margin和padding类样式   Number是一个数字
// .mNumber margin的值
// .pNumber padding的值
// .mtNumber marign-top的值
// .mrNumber marign-right的值
// .mbNumber marign-bottom的值
// .mlNumber marign-left的值
// .ptNumber marign-top的值
// .prNumber marign-right的值
// .pbNumber marign-bottom的值
// .plNumber marign-left的值

// 例: 在class="m10" 进行设置元素的margin值为10px
@for $var from 0 to 1000 {
  @each $name, $value in $directions {
    .m#{$value}#{$var} {
      margin-#{$name}: $var + px;
    }
    .p#{$value}#{$var} {
      padding-#{$name}: $var + px;
    }
    .m#{$var}#{$var} {
      margin: $var + px;
    }
    .p#{$var}#{$var} {
      margin: $var + px;
    }
  }
}